<template>
  <div>
    <div class="dispatch_title"></div>
    <div class="dispatch_content">
      <div>
        <div class="dispatch_content_head">
          <h4 class="content_head_text">城配服务</h4>
          <div class="content_head_line"></div>
        </div>
      </div>
      <p class="dispatch_content_text">
        同城配也是享来享去平台重要的一块业务服务平台，我们开放后台给与区域经销商，经销商可以引导用户除了购车 自用外，通过下载橙配APP或者关注橙配小程序，赚取外快。除了提供管理后台，也会有推广人员去经销商所在区
        域进行针对性的市场推广，挖掘当地的货源。目前正在用区块链作为底层架构，完成对货物流的跟踪，让货物更加 安全。平台也集成了无人驾驶技术服务商，为智慧物流探索做技术支持。
      </p>
      <div class="dispatch_content_bottom">
        <img class="bottom_pic_left" src="../../assets/img/dispatch/dispatch_content_pic1.png"/>
        <img class="bottom_pic_middle" src="../../assets/img/dispatch/dispatch_content_pic2.png"/>
        <img class="bottom_pic_right" src="../../assets/img/dispatch/dispatch_content_pic3.png"/>
      </div>
    </div>
    <div class="dispatch_bottom">
      <img class="dispatch_bottom_pic" src="../../assets/img/dispatch/dispatch_bottom.png"/>
    </div>
  </div>
</template>

<script>
  export default {
    layout: 'layout',
  }
</script>

<style scoped>
  .dispatch_title {
    height: 600px;
    background: url('../../assets/img/dispatch/dispatch_head.png') no-repeat center center;
    background-size: cover;
  }

  .dispatch_content {
    text-align: center;
  }

  .dispatch_content_head {
    padding: 30px 0;
    display: inline-block;
  }

  .content_head_text {
    font-size: 30px;
    line-height: 30px;
    color: #010101;
    font-weight: normal;
    letter-spacing: 2px;
  }

  .content_head_line {
    width: 50%;
    height: 2px;
    margin-top: 5px;
    background: #FF8A01;
  }

  .dispatch_content_text {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    line-height: 30px;
    width: 1200px;
    padding: 0 10px;
    color: #010101;
  }

  .dispatch_content_bottom {
    display: inline-block;
    width: 1200px;
    padding: 40px 10px;
  }

  .dispatch_bottom {
    padding-bottom: 60px;
    text-align: center;
  }

  .dispatch_bottom_pic {
    width: 1180px;
    height: 654px;
  }

  .bottom_pic_left {
    width: 300px;
    height: 300px;
  }

  .bottom_pic_middle {
    width: 300px;
    height: 300px;
    margin: 0 80px;
  }

  .bottom_pic_right {
    width: 300px;
    height: 300px;
  }
</style>
